<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="header.jsp">
	<jsp:param value="注册" name="title"/>
</jsp:include>
<link href="css/register.css" rel="stylesheet">
<script src="js/register.js"></script>
<body>
	<div id="outDiv">
		<div id="gotoLogin"	style="color: white;">
			<span>已有账户？去</span>
			<a href="login">登录</a>
		</div>
		<form id="registerForm" action="jumpLogin" method="post">
			<div class="center">
				<h3 style="color: #BF3EFF">OWNWORLD</h3>
				<div id="phoneDiv" class="center">
					<input id="phoneInput" class="form-control" placeholder="手机号" name="phone" required>
					<input id="sendVerificationCode" type="button" value="免费获取验证码" disabled="disabled">
				</div>
				<div id="vericationCodeDiv" class="center">
					<input id="codeInput" class="form-control" placeholder="验证码" name="vericationCode" required>
					<span id="vericationCodeSpan">验证码错误</span>
				</div>
				<div id="userNameDiv" class="center">
					<input id="userName" class="form-control" placeholder="用户名" name="userName" required>
					<div>
						<span id="hasExsit">已存在</span>
						<img id="tick" src="images/tick.png">
					</div>
				</div>
				<div class="center">
					<input id="password" class="form-control" type="password" placeholder="设置密码" name="password" required>
				</div>
				<div id="repeatPasswordDiv" class="center">
					<input id="repeatPassword" class="form-control" type="password" placeholder="确认密码" name="repeatPassword" required>
					<span id="notSameSpan">两次密码不一致</span>
				</div>
				<div class="center" style="width: 410px;">
					<input id="agree" type="checkbox" name="agree" value="0"> 我已阅读并同意《OWNWORLD使用协议》 & 《隐私权条款》
				</div>
				<div class="center">
					<button id="submit" class="btn btn-primary" style="width: 400px;" disabled="true"> 注册 </button>
				</div>
				
			</div>
			<!-- <button id="test" style="width: 300px; height: 308px;"></button> -->
		</form>
	</div>
</body>
</html>